<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link href="css/demo.css" rel="stylesheet">
</head>
<body>

<script src="js/vue.js"></script>

<script src="js/axios.min.js"></script>

    <div id="app">
        <input type="text" v-model="city" @keyup.enter="searchWeather" placeholder="search">
        <p>{{ d }}</p>
        <li v-for="item in weatherList" class="cls">
            <span>{{ item.date }}</span>
            <span>{{ item.type }}</span>
            <span>{{ item.fengli }}</span>
            <span>{{ item.high }}</span>
            <span>{{ item.low }}</span>
            <span>{{ item.fengxiang }}</span>
        </li>
    </div>
<script src="js/main.js"></script>

</body>
</html>